<!--公共头部-->
{template 'aitimt/common/header'}
		<style>
			* {touch-action: pan-y;}
			body{background-color: #FFFFFF;}
			.mui-control-content {background-color: white;min-height: 50rem;}
			.mui-control-content .mui-loading {margin-top: 50px;}
			.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#ff9400;}
			.mui-table-view .mui-media-object{height: 100%;max-width: 130px;}
			.mui-bar-nav{position: absolute;background: url({$aideUrl}app/resource/aitimt/images/my-top.png) no-repeat;height:40%;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
			.top-return {position: absolute;width: 10%;top: 0.1875rem;}
			.top-return img{width: 75%;}
			.mui-bar-nav .mui-title{color: #FFFFFF;text-align: center;font-size: 16px;line-height: 40px;}
			.top-logo {position: absolute;width: 15%;left:33%;top: 0.1875rem;}
			.top-logo img{width: 100%;}
			.top-menu {position: absolute;width: 10%;right: -1%;top: 7px;}
			.top-menu img{width: 60%;}
			.mui-bar-tab .mui-tab-item.mui-active{color: #ea4609;}
			/* 公共部分end */
			.top-content{height: 40px;background: #ea4609;width: 110%;margin-left: -3%;}
			.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
			.mui-slider-indicator.mui-segmented-control .mui-control-item {border-left:1px solid #c1c1c1 ;border-bottom:1px solid #c1c1c1 ;padding: 1px;color: #585858;}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:3px solid #e94709 ;color: #585858;}
			.my-head{margin-left: 5%;margin-top: 1%;width: 75%;}
			.my-head img{float: left;width: 25%;border-radius: 40px;border: 3px #ffffff solid;}
			.my-head span{margin-left: 15px;margin-right: 20px;float: left;color: #FFFFFF;margin-top: 8px;}
			.my-head .my-name{font-size: 15px;}
			.my-head .my-phone{font-size: 10px;}
			.mui-bar .mui-btn{font-weight: 400;position: relative;z-index: 20;height:26px;line-height:15px;margin-top: 0;padding: 6px 12px 7px;background:#ffc46c ;border: 0;border-radius: 30px;color: #FFFFFF;width: 20%;top: 10px;right: -80px;}
			.my-href {width: 90%;height: 45%;margin: 0 5%;margin-top:3%;overflow: hidden;background-color: #fff;border-radius: 15px;box-shadow: 1px 1px 20px #ededed;}
			.my-href .mui-table-view .mui-table-view-cell{float: left;width: 27%;text-align: center;padding: 6px 10px;}
			.my-href .mui-table-view .mui-table-view-cell:after{height: 0;}
			.mui-table-view:before, .mui-table-view::after{height: 0;}
			.my-href .mui-table-view .mui-table-view-cell img{max-width: 100%;width: 100%;}
			.my-href .mui-table-view .mui-table-view-cell span{font-size: 13px;color: #666666;}
			.my-href .mui-table-view{margin-left: 5%;}
			.mui-bar-nav~.mui-content{font-size: 14px;background-color: #FFFFFF;position: absolute;padding: 0;margin: 0;top: 40%;width: 100%;}
			.mui-content>.mui-table-view:first-child{margin: 0;}
			.mui-content .mui-icon{padding: 2px;border-radius: 15px;background-color: #E94709;color: #FFFFFF;font-size: 15px;margin-right: 3px;}
		</style>
{if $_SESSION["status"]=='login'}
<style>
	.mui-table-view-cell{color: #000;font-size: 14px;}
</style>
		<!-- 公共头部start -->
		<header class="mui-bar mui-bar-nav" style="display: inline-block">
			<div class="top-content">
				<!--<a class="top-logo" href="#"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>-->
				<h1 class="mui-title">爱计时赛事平台</h1>
				<a class="top-menu" href="{php echo app_url('home/index/myremind')}" ><img src="{$aideUrl}app/resource/aitimt/images/mssage1.png" ></a>
			</div>
			<div class="my-message" style="display: inline-block">
				<div class="my-head">
					<a href="{php echo app_url('home/index/mydata')}">
						<img src="{if !empty($people['avatar'])}{php echo tomedia($people['avatar'])}{else}{$aideUrl}app/resource/aitimt/images/my2.png{/if}" >
						<span class="my-name" style="width: 60px;">{if $people['nickname']}{$people['nickname']}{else}暂未设置{/if}
						</span>
						<span class="my-phone">手机号:{if $people['mobile']}{$people['mobile']}{else}暂未设置{/if}
						</span>
					</a>

				</div>
				<a type="button" class="mui-btn" href="{php echo app_url('home/index/qiandao')}" >签到</a>
			</div>
			<div class="my-href">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media" style="margin-left: 18px;">
						<a href="{php echo app_url('home/index/myapply')}">
							<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my1.png">
						</a>
						<span>我的报名</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="{php echo app_url('home/index/mygrade')}">
							<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my2.png">
						</a>
							<span>我的成绩</span>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="{php echo app_url('home/index/mycollect')}">
							<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my3.png">

						</a>
							<span>关注赛事</span>
					</li>
				</ul>
			</div>

		</header>
		<!-- 公共头部end -->
		<div class="mui-content">
			<ul id="my-list" class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="{php echo app_url('home/index/mycommon')}">
						<span class="mui-icon iconfont icon-baoming"></span>
						常用报名人
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="{php echo app_url('home/index/myphoto')}">
						<span class="mui-icon iconfont icon-zhaopian"></span>
						我的照片
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="{php echo app_url('home/index/mycoin')}">
						<span class="mui-icon iconfont icon-jinbi"></span>
						我的积分
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="{php echo app_url('home/index/loginpwd')}">
						<span class="mui-icon iconfont icon-suo"></span>
						设置密码
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="{php echo app_url('home/index/recruit')}">
						<span class="mui-icon iconfont icon-sheying"></span>
						成为爱计时摄影师
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="logout()">
						<span class="mui-icon iconfont icon-tuichu"></span>
						退出登录
					</a>
				</li>
			</ul>
		</div>
{else}
<style>
	.mui-table-view-cell{color: #666666;font-size: 14px;}
</style>
<!-- 公共头部start -->
<header class="mui-bar mui-bar-nav" style="display: inline-block">
	<div class="top-content">
		<!--<a class="top-logo" href="#"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>-->
		<h1 class="mui-title">爱计时赛事平台</h1>
		<a class="top-menu" href="{php echo app_url('home/index/login')}" ><img src="{$aideUrl}app/resource/aitimt/images/mssage1.png" ></a>
	</div>
	<div class="my-message" style="display: inline-block">
		<div class="my-head">
			<a href="{php echo app_url('home/index/login')}">
				<img src="{$aideUrl}app/resource/aitimt/images/my2.png" >
				<span class="my-name" style="width: 60px;">暂未设置
						</span>
				<span class="my-phone">手机号:暂未设置
						</span>
			</a>

		</div>
		<a type="button" class="mui-btn" href="{php echo app_url('home/index/login')}" >签到</a>
	</div>
	<div class="my-href">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media" style="margin-left: 18px;">
				<a href="{php echo app_url('home/index/login')}">
					<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my1.png">
				</a>
				<span>我的报名</span>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="{php echo app_url('home/index/login')}">
					<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my2.png">
				</a>
				<span>我的成绩</span>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="{php echo app_url('home/index/login')}">
					<img class="mui-media-object mui-pull-left" src="{$aideUrl}app/resource/aitimt/images/my3.png">

				</a>
				<span>关注赛事</span>
			</li>
		</ul>
	</div>

</header>
<!-- 公共头部end -->
<div class="mui-content">
	<ul id="my-list" class="mui-table-view mui-table-view-chevron">
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" href="{php echo app_url('home/index/login')}">
				<span class="mui-icon iconfont icon-baoming"></span>
				常用报名人
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" href="{php echo app_url('home/index/login')}">
				<span class="mui-icon iconfont icon-zhaopian"></span>
				我的照片
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" href="{php echo app_url('home/index/login')}">
				<span class="mui-icon iconfont icon-jinbi"></span>
				我的积分
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" href="{php echo app_url('home/index/login')}">
				<span class="mui-icon iconfont icon-suo"></span>
				设置密码
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" >
				<span class="mui-icon iconfont icon-sheying"></span>
				成为爱计时摄影师
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right" onclick="logout()">
				<span class="mui-icon iconfont icon-tuichu"></span>
				退出登录
			</a>
		</li>
	</ul>
</div>
{/if}
		<!-- 公共底部start -->
		{template 'aitimt/common/nav'}
		<!-- 公共底部end -->
		<script type="text/javascript">
			mui('.mui-bar').on('tap','a',function(){
				document.location.href=this.href;
			})
            function logout() {
                setTimeout(function() {
                    util.alert('退出成功', ' ', function() {document.location.href="{php echo app_url('home/index/logout')}";});
                },100);
            }
		</script>
	</body>
</html>
